$(function() {
  $.init();
  var id = $.unparam(location.search.substring(1)).id;
  getDetail(id);

  $('.js-clear').click(function() {
    $('.comment').val('');
  });

  $('.comment').on('keydown', function() {
    $('.js-send').removeClass('disabled');
  });

  //发布评论
  $('.js-send').click(function() {
    var content = $('.comment').val();
    if (!$(this).hasClass('disabled') && content) {

      $.ajax({
        url: 'qfang-weixin/qiye/notice/commentAdd',
        data: {
          id: id,
          content: content,
          mobile: '13418490922'
        },
        success: function(data) {
          if (data.code === 1000) {
            $.toast('评论成功！');
            $('.comment').val('');
            $('.js-send').addClass('disabled');
            $('.no-comment').remove();
            var str = '<div class="card recent">' +
              '<div class="card-content">' +
              '<div class="card-content-inner">' +
              '<p><span class="icon icon-me person"></span><span class="pull-left user-info">' + data.data.orgName + '  ' + data.data.personName + '</span><a href="javascript:;"  class="pull-right js-reply" data-person-name="' + data.data.personName + '">回复</a><sapn class="pull-right message-date">' + data.data.date + '</span></p><div class="clearfix"></div>' +
              '<p class="message-content">' + html_encode(content) + '</p></div>' +
              '</div>' +
              '</div>';
            $('.comment-wrapper').prepend(str);
            $('#commentsCount').text(parseInt($('#commentsCount').text()) + 1);
            $('.recent').addClass('animated zoomInUp').removeClass('recent');
          }
        }
      });
    }
  });

  //回复内容
  $(document).on('click', '.js-reply', function() {
    var personName = $(this).attr('data-person-name');
    $('.comment').focus().val('回复' + personName + ': ');
  });

  // 加载flag
  var loading = false;
  // 最多可加载的条目
  var maxItems = 100;

  function addItems(params) {

    var html = '';
    var data = $.extend({
      id: id,
      page: 1,
      pageSize: 10
    }, params);

    $.ajax({
      url: 'qfang-weixin/qiye/notice/commentList',
      data: data,
      beforeSend: function() {
        if (!$('.infinite-scroll-preloader').find('.preloader').length) {
          $('.infinite-scroll-preloader').html('<div class="preloader"></div>');
        }
      },

      success: function(data) {
        var str = '';
        if (data.code === 1000 && data.data.recordCount) {
          var $data = data.data;
          if ($data.pageCount === 1) {
            $('.infinite-scroll-preloader').empty();
          }
          $.each($data.items, function(k, v) {
            str += '<div class="card">' +
              '<div class="card-content">' +
              '<div class="card-content-inner">' +
              '<p><span class="icon icon-me person"></span><span class="pull-left user-info">' + v.orgName + '  ' + v.personName + '</span><a href="javascript:;" class="pull-right js-reply" data-person-name="' + v.personName + '">回复</a><sapn class="pull-right message-date">' + v.date + '</span></p><div class="clearfix"></div>' +
              '<p class="message-content">  ' + html_encode(v.content) + '</p></div>' +
              '</div>' +
              '</div>';
          });
        } else {
          str = '<div class="card no-comment">' +
            '    <div class="card-content">' +
            '      <div class="card-content-inner">' +
            '<span class="iconfont icon-shenpizhong" style="color:#00A7DD"></span> 暂无评论' +
            '      </div>' +
            '    </div>' +
            '  </div>';
          $('.infinite-scroll-preloader').empty();
        }

        $('.comment-wrapper').append(str);

        maxItems = data.data.recordCount;
      }
    });
  }

  addItems({});

  // 上次加载的序号
  var numbPage = 1;
  // 注册'infinite'事件处理函数
  $(document).on('infinite', '.infinite-scroll', function() {

    // 如果正在加载，则退出
    if (loading) return;

    // 设置flag
    loading = true;
    numbPage++;
    // 模拟1s的加载过程
    setTimeout(function() {
      // 重置加载flag
      loading = false;

      if (numbPage * 10 >= maxItems) {
        // 加载完毕，则注销无限加载事件，以防不必要的加载
        $.detachInfiniteScroll($('.infinite-scroll'));
        // 删除加载提示符
        $('.infinite-scroll-preloader').remove();
        return;
      }

      // 添加新条目
      addItems({
        page: numbPage
      });

      //容器发生改变,如果是js滚动，需要刷新滚动
      $.refreshScroller();
    }, 1000);
  });

});

//获取详情内容
function getDetail(id) {
  $.ajax({
    url: 'qfang-weixin/qiye/notice/getParticulars',
    data: {
      id: id,
      type: 'NOTICE'
    },
    beforeSend: function() {
      $.showPreloader();
    },

    complete: function() {
      $.hidePreloader();
      $('body').css('visibility', 'visible');
    },

    success: function(data) {
      if (data.code === 1000) {
        var $data = data.data;
        var html = '<h3 align="center">' + $data.title + '</h3> ' +
          '  <div class="row cor-title">' +
          '    <div class="col-33">发布人:' + $data.personName + '</div>' +
          '    <div class="col-44">时间:' + $data.date + '</div>' +
          '    <div class="col-33">阅读:' + $data.clickCount + '</div>' +
          '  </div>' +
          '  <hr/>' +
          '  <div class="cor-content">' +
          $data.content +
          '    </p></div>';
        $('#detail').append(html);
        $('#commentsCount').text($data.commentsCount); //评论数
      }
    }
  });
}

function html_encode(str) {
  var s = '';
  if (str === null || str.length === 0) return '<p></p>';
  s = str.replace(/&/g, '&amp;');
  s = s.replace(/</g, '&lt;');
  s = s.replace(/>/g, '&gt;');
  s = s.replace(/ /g, '&nbsp;');
  s = s.replace(/\'/g, '&#39;');
  s = s.replace(/\"/g, '&quot;');
  s = s.replace(/\n/g, '<br>');
  return s;
}

//获取评论
// function getComment(id) {
//   $.ajax({
//     url: 'qfang-weixin/qiye/notice/commentList',
//     data: {
//       id: id,
//       page: 1,
//       pageSize: 20
//     },
//     success: function(data) {
//       var str = '';
//       if (data.code === 1000 && data.data.recordCount) {
//         var $data = data.data;
//         $.each($data.items, function(k, v) {
//           str += '<div class="card">' +
//             '<div class="card-content">' +
//             '<div class="card-content-inner">' +
//             '<p><span class="icon icon-me person"></span><span class="pull-left user-info">' + v.orgName + '  ' + v.personName + '</span><a href="javascript:;" class="pull-right js-reply" data-person-name="' + v.personName + '">回复</a><sapn class="pull-right message-date">' + v.date + '</span></p><div class="clearfix"></div>' +
//             '<p class="message-content">  ' + v.content + '</p></div>' +
//             '</div>' +
//             '</div>';
//         });
//       } else {
//         str = '<div class="card no-comment">' +
//           '    <div class="card-content">' +
//           '      <div class="card-content-inner">' +
//           '<span class="iconfont icon-shenpizhong" style="color:#00A7DD"></span> 暂无评论' +
//           '      </div>' +
//           '    </div>' +
//           '  </div>';
//       }

//       $('.comment-wrapper').append(str);
//     }
//   });
// }
